﻿@charset "utf-8";

 
*{margin:0; padding:0}
body{font-family:arial; color:#888888; font-size:12px; color:#919191; line-height:18px; letter-spacing:-1px}
h1,h2,h3,h4,h5{letter-spacing:0}
ul, ol, li {list-style:none; padding:0; margin:0}
fieldset, img {border:0; vertical-align:top}
fieldset{border:0}
legend {display:none}
caption {display:none}

a {color:#888888; text-decoration:none; border:none}
a:hover, a:active {color:#484848; text-decoration:none}

input {font-family:'Dotum'; color:#919191}
input, select, textarea {font-family:'Dotum'; color:#919191}
select {border:1px solid #dbdbdb}

table {table-layout:fixed; border-collapse:collapse; border-spacing:0; border:0; padding:0}
table *{vertical-align:middle}
th, td {vertical-align:middle; color:#666}

.mt05 {margin-top:5px}
.mt10 {margin-top:10px}
.mt15 {margin-top:15px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}

.indent05{margin-left:5px}
.indent10{margin-left:10px}
.indent20{margin-left:20px}
.indent30{margin-left:30px}
.indent40{margin-left:40px}
.indent50{margin-left:50px}

table img {vertical-align:middle}
table input{vertical-align:middle}

.font11 {font-size:11px}
.font12 {font-size:12px}

.font1 {color:#101010}
.font2 {color:#e03906}
.font3 {color:#0584bf}
.font4 {color:#983eb8}
.font5 {color:#ad65c6}
.font6 {color:#d0112e}

.al_c{text-align:center}

.font_normal {font-weight:normal}
.clear {clear:both; line-height:0; border:0; height:0}
.ls_00 {letter-spacing:0}

/*layout*/
body{background:url(/content/images/bg.jpg) left top repeat-x}

#header {width:100%; position:absolute; top:0; left:0; z-index:15}
#header #header_wrap {position:relative; width:980px; margin:0 auto}
#header #header_wrap ul.top_brand {position:absolute; top:11px; left:0; *zoom:1; overflow:hidden;z-index:10;}
#header #header_wrap ul.top_brand li {float:left; background:url(/content/images/top_smenu_line.gif) left top no-repeat; padding-left:8px; margin-left:8px}
#header #header_wrap ul.top_brand li.first {float:left; background:none; padding-left:0; margin-left:0}
#header #header_wrap .top_banner {position:absolute; top:34px; left:0}
#header #header_wrap ul.top_smenu {position:absolute; top:11px; right:0; *zoom:1; overflow:hidden;font-family:Arial;z-index:10}
#header #header_wrap ul.top_smenu li {float:left; background:url(/content/images/top_smenu_line.gif) left top no-repeat; padding-left:8px; margin-left:8px}
#header #header_wrap ul.top_smenu li.first {float:left; background:none; padding-left:0; margin-left:0}

#header #header_wrap .top_search {position:absolute; top:53px; right:0; *zoom:1; overflow:hidden}
#header #header_wrap .top_search h2{float:right; padding-top:8px; padding-right:10px}
#header #header_wrap .top_search .search_wrap{border:1px solid #d1d1d1; float:right; width:211px}
#header #header_wrap .top_search input {width:172px; padding:0 8px; background:#fff url(/content/images/top_search_txt.gif) left top no-repeat; height:22px; line-height:22px; color:#8e8e8e; font-size:11px; float:left; border:0}
#header #header_wrap .top_search input.input_focus {background:#fff none}
#header #header_wrap .top_search img{float:right;}
.menu {width:103px; height:36px;}
.menu span{width:103px;text-align:center;}
.menu1 {width:103px; height:36px;}
.menu1 span{width:103px;}
.gnb li {background: url(/content/images/iconmenu.png) right bottom no-repeat;}
.gnb .middle {position:absolute;}
.gnb .middle-right{left:156px; }
/*.gnb li:hover {background: url(/content/images/menu_on.png) bottom repeat-x;}*/
.menu2 {width:103px; height:36px;}
.menu2 span{width:103px;}
.gnb li a {font:bold 12px Arial;color:white;}
.gnb li a span{padding-top: 10px;position: absolute;height:36px; display:inline-block}
.gnb .middle {position:absolute; left:412px;}
.menu3 {width:103px; height:36px;}
.menu3 span{width:103px;}
.menu4 {width:103px; height:36px;}

#header #header_wrap ul.gnb{*zoom:1; overflow:hidden}
#header #header_wrap ul.gnb li{float:left; padding-top:93px}
#header #header_wrap ul.gnb li h1{float:left; margin-top:-93px}

.header_sub {position:absolute; top:129px; left:0; width:100%; background:url(/content/images/menu_sub_bg.jpg) left top repeat-x; z-index:100}
.header_sub .sub_wrap{position:relative; width:980px; margin:0 auto; border-bottom:1px solid #1c1c1c}
.header_sub ul.submenu {*zoom:1; overflow:hidden}
.header_sub ul.submenu li{float:left; background:url(/content/images/menu_sub_line.jpg) left top no-repeat; padding-left:34px}
.header_sub ul.submenu li.first{background:none; padding-left:0}

#submenu_02 ul.submenu {padding-left:135px}
#submenu_03 ul.submenu {padding-left:232px}
#submenu_04 ul.submenu {padding-left:340px}


#footer {background:url(/content/images/footer_bg.gif) left top repeat-x; height:270px; _height:270px; margin-top:50px; width:100%}
#footer h2.footer_service {text-align:center}
#footer #etcmenu_off{}
#footer #etcmenu_on{display:none}
#footer .bottom{border-top:2px solid #5e3e75; padding-top:24px}
#footer .bottom .bottom_01{float:left; width:134px}
#footer .bottom .bottom_02{float:left; width:630px}
#footer .bottom .bottom_02 ul.smenu{*zoom:1; overflow:hidden;}
#footer .bottom .bottom_02 ul.smenu li{background:url(/content/images/footer_smenu_line.gif) left top no-repeat; float:left; padding-left:10px; margin-left:10px}
#footer .bottom .bottom_02 p.copyright{margin-top:10px}
#footer .bottom .bottom_02 ul.smenu li.first{background:none; padding-left:0; margin-left:0}
#footer .bottom .bottom_03{float:left; width:215px; text-align:right}
#footer .bottom .bottom_03 select{color:#8e8e8e; font-size:11px; width:173px; height:20px}

#quick {position:fixed; _position:absolute; top:154px; left:50%; margin-left:504px; width:45px}
#quick ul.list li{border:1px solid #e4e4e4; margin-bottom:4px}
#quick ul.list li img{width:43px; height:44px}
#quick p.number{text-align:center; color:#c64d6c; font-weight:bold; line-height:15px; padding-bottom:4px}
#quick p.basket{border-top:1px solid #e4e4e4}
#quick p.wish{border-top:1px solid #e4e4e4}
#quick p.top{padding-top:10px; border-top:1px solid #6f6f6f}
#quick .updown {text-align:center; padding:5px 0}

.wrap {position:relative; width:980px; margin:0 auto; *zoom:1; overflow:hidden}
.contentswrap{position:relative; width:980px; padding-top:129px; margin:0 auto; *zoom:1; overflow:hidden}


/*layerpopup*/
body.pop{background:#fff none}

.pop1{width:375px}
.pop1 .top{background:url(/content/images/pop1_bg_top.png) left top repeat-x}
.pop1 .center{background:url(/content/images/pop1_bg_center.png) left top repeat-y}
.pop1 .bottom{background:url(/content/images/pop1_bg_bottom.png) left top repeat-x}

.pop2{width:335px}
.pop2 .top{background:url(/content/images/pop2_bg_top.png) left top repeat-x}
.pop2 .center{background:url(/content/images/pop2_bg_center.png) left top repeat-y}
.pop2 .bottom{background:url(/content/images/pop2_bg_bottom.png) left top repeat-x}

.pop3{width:515px}
.pop3 .top{background:url(/content/images/pop3_bg_top.png) left top repeat-x}
.pop3 .center{background:url(/content/images/pop3_bg_center.png) left top repeat-y}
.pop3 .bottom{background:url(/content/images/pop3_bg_bottom.png) left top repeat-x}

.pop4{width:684px}
.pop4 .top{background:url(/content/images/pop4_bg_top.png) left top repeat-x}
.pop4 .center{background:url(/content/images/pop4_bg_center.png) left top repeat-y}
.pop4 .bottom{background:url(/content/images/pop4_bg_bottom.png) left top repeat-x}

.pop5{width:734px}
.pop5 .top{background:url(/content/images/pop5_bg_top.png) left top repeat-x}
.pop5 .center{background:url(/content/images/pop5_bg_center.png) left top repeat-y}

.pop6{width:675px}
.pop6 .top{background:url(/content/images/pop6_bg_top.png) left top repeat-x}
.pop6 .center{background:url(/content/images/pop6_bg_center.png) left top repeat-y}
.pop6 .bottom{background:url(/content/images/pop6_bg_bottom.png) left top repeat-x}
.pop6 .pop6_scrollwrap{width:632px; height:500px; overflow:auto}

.pop7{width:495px}
.pop7 .top{background:url(/content/images/pop7_bg_top.png) left top repeat-x}
.pop7 .center{background:url(/content/images/pop7_bg_center.png) left top repeat-y}
.pop7 .bottom{background:url(/content/images/pop7_bg_bottom.png) left top repeat-x}

.popupwrap *{letter-spacing:0}
.popupwrap .top{position:relative; height:34px}
.popupwrap h2.tit{padding-left:13px; padding-top:1px}
.popupwrap h3.stit{color:#983eb8; font-size:12px; background:url(/content/images/pop_bullet_01.gif) left 5px no-repeat; padding-left:10px; height:23px}
.popupwrap h4.intit{background:url(/content/images/pop_bullet_02.gif) left 5px no-repeat; padding-left:8px; color:#ad65c6; font-size:11px}
.popupwrap .topclose{position:absolute; top:1px; right:10px}
.popupwrap .center{padding:30px}
.popupwrap .bottom{text-align:center; padding-top:9px; height:37px}
.popupwrap .bottom .btn{margin:0 3px}

.popupwrap .pop_tb01 {border-top:1px solid #c6c6c6; margin-left:10px; width:285px}
.popupwrap .pop_tb01 th{background:#f6f6f6; border-bottom:1px solid #ebebeb; font-weight:normal; color:#7e7e7e}
.popupwrap .pop_tb01 td{border-left:1px solid #ebebeb; border-bottom:1px solid #ebebeb; padding:4px 0 4px 4px}
.popupwrap .pop_tb01 tr.last th{border-bottom:1px solid #c6c6c6}
.popupwrap .pop_tb01 tr.last td{border-bottom:1px solid #c6c6c6}

.popupwrap .pop_tb02 {}
.popupwrap .pop_tb02 th{padding-bottom:4px}
.popupwrap .pop_tb02 td{border-left:1px solid #ebebeb; padding-left:20px}
.popupwrap .pop_tb02 tr.last th{padding-bottom:0}

.popupwrap .pop_tb03 {border-top:1px solid #c6c6c6; margin-left:10px; width:425px}
.popupwrap .pop_tb03 th{border-bottom:1px solid #ebebeb; font-weight:normal; color:#7e7e7e; padding:5px 0; text-align:left; padding-left:10px}
.popupwrap .pop_tb03 td{text-align:center; border-left:1px solid #ebebeb; border-bottom:1px solid #ebebeb}
.popupwrap .pop_tb03 tr.last th{border-bottom:1px solid #c6c6c6}
.popupwrap .pop_tb03 tr.last td{border-bottom:1px solid #c6c6c6}

.popupwrap .pop_t01 {color:#ad65c6; line-height:19px; font-size:11px; word-spacing:-2px}
.popupwrap .al_c{padding:30px 0}

.popupwrap .pop_order_top{color:#7a7a7a; font-weight:normal}

.popupwrap table.pop_tb04 {width:582px; background:url(/web/images/shop_mypage/pop_order_tb_bg.gif) left top no-repeat}
.popupwrap table.pop_tb04 th{height:30px; background:url(/web/images/common/board_01_bar.gif) left 10px no-repeat; font-size:11px; color:#353535; font-weight:normal}
.popupwrap table.pop_tb04 td{padding:10px 0; text-align:center; letter-spacing:0; color:#7a7a7a; border-bottom:1px solid #e7e7e7}
.popupwrap table.pop_tb04 th.first{background:none}
.popupwrap table.pop_tb04 td.name{text-align:left; padding-left:20px; padding-right:20px}
.popupwrap table.pop_tb04 td.name img.thumb{vertical-align:middle; border:1px solid #ececec; margin-right:10px}
.popupwrap table.pop_tb04 tr.last td{border-bottom:1px solid #c2c2c2}

.popupwrap .pop_tb05 {border-top:1px solid #c6c6c6; width:100%}
.popupwrap .pop_tb05 th{background:#f6f6f6; border-bottom:1px solid #ebebeb; color:#7e7e7e; font-size:11px}
.popupwrap .pop_tb05 td{border-left:1px solid #ebebeb; border-bottom:1px solid #ebebeb; color:#7e7e7e; padding:4px 0 4px 15px; font-size:11px}
.popupwrap .pop_tb05 tr.last th{border-bottom:1px solid #c6c6c6}
.popupwrap .pop_tb05 tr.last td{border-bottom:1px solid #c6c6c6}

.popupwrap table.pop_tb06 {width:672px; background:url(/web/images/shop_product/pop_coupon_tb_bg.gif) left top no-repeat}
.popupwrap table.pop_tb06 th{height:30px; background:url(/web/images/common/board_01_bar.gif) left 10px no-repeat; font-size:11px; color:#353535; font-weight:normal}
.popupwrap table.pop_tb06 th.first{background:none}
.popupwrap table.pop_tb06 td{padding:10px 0; text-align:center; letter-spacing:0; color:#7a7a7a; border-bottom:1px solid #e7e7e7; font-size:11px; line-height:16px}
.popupwrap table.pop_tb06 td.name{text-align:left; padding-left:5px; padding-right:5px}
.popupwrap table.pop_tb06 tr.last td{border-bottom:1px solid #c2c2c2}

.popupwrap table.pop_tb07 {width:592px; background:url(/web/images/shop_product/pop_grade_tb_bg.gif) left top no-repeat}
.popupwrap table.pop_tb07 thead {}
.popupwrap table.pop_tb07 thead th{height:30px; font-size:11px; color:#353535; font-weight:normal}
.popupwrap table.pop_tb07 tbody td{padding:7px 0; text-align:center; letter-spacing:0; color:#7a7a7a; border-bottom:1px solid #e7e7e7; background:url(/content/images/board_02_2col_td_bg.gif) left top repeat-y; font-size:11px}
.popupwrap table.pop_tb07 tbody td.first{background:url(/content/images/board_02_2col_td_bg_first.gif) left top repeat-y}
.popupwrap table.pop_tb07 tbody td.title{text-align:left; padding-left:5px; padding-right:5px}
.popupwrap table.pop_tb07 tbody tr.last td{border-bottom:0}
.popupwrap table.pop_tb07 tbody tr.last td.line{border-bottom:1px solid #e7e7e7}

.popupwrap .pop_tb08 {border-top:1px solid #c6c6c6; margin-left:10px}
.popupwrap .pop_tb08 th{background:#f6f6f6; border-bottom:1px solid #ebebeb; font-weight:normal; color:#7e7e7e; color:#ad65c6; font-size:11px}
.popupwrap .pop_tb08 td{border-left:1px solid #ebebeb; border-bottom:1px solid #ebebeb; padding:4px 0 4px 4px}
.popupwrap .pop_tb08 tr.last th{border-bottom:1px solid #c6c6c6}
.popupwrap .pop_tb08 tr.last td{border-bottom:1px solid #c6c6c6}


.popupwrap .pop_order_total {color:#983eb8; font-size:14px; text-align:right; padding-top:10px}

.popupwrap .pop_order_writewrap {border:1px solid #e2dee5; padding:10px 0 10px 15px; background:#f3edf5; margin-top:12px}
.popupwrap .pop_order_writewrap table.writeform th{background:url(/web/images/shop_product/view_bullet_03.gif) left 50% no-repeat; text-align:left; color:#876c95; padding-left:10px; font-size:11px}
.popupwrap .pop_order_writewrap table.writeform td{color:#876c95; font-size:11px}
.popupwrap .pop_order_writewrap table.writeform td span.btn{padding-left:10px; _margin-top:5px; display:inline-block}
.popupwrap .pop_order_writewrap table.writeform td span.btn1{padding-left:7px; _margin-top:5px; display:inline-block}
.popupwrap .pop_order_writewrap table.writeform td span.btn2{padding-left:5px; _margin-top:5px; display:inline-block}
.popupwrap .pop_order_writewrap table.writeform input.input{border:1px solid #e8e5dc; height:24px; background:#fff; padding:0 20px}
.popupwrap .pop_order_writewrap table.writeform textarea.txts{border:1px solid #e8e5dc; height:110px; font-size:12px; padding:10px 20px; background:#fff url(/web/images/shop_product/view_afterwrite_input_txt.gif) left top no-repeat}
.popupwrap .pop_order_writewrap table.writeform textarea.txts_focus{border:1px solid #e8e5dc; height:110px; font-size:12px; padding:10px 20px; background:#fff none}
.popupwrap .pop_order_writewrap table.writeform span.star{margin-left:10px}

#mask {position:absolute; left:0; top:0; z-index:999; background-color:#170f0c; display:none;} 
#boxes .window {position:fixed; left:0; top:0; display:none; z-index:9999;}
.popwrap {position:relative; z-index:99999}


.search_topinfo{border:1px solid #e2e2e2; padding:9px 17px; background:#f2f2f2}
.search_topinfo td {line-height:35px; letter-spacing:0; color:#4d4d4d}
.search_topinfo td a{color:#4d4d4d}
.search_topinfo td a:hover{color:#4d4d4d}
.search_topinfo td .searchinput{background:#282828; padding:0 10px; color:#d4d4d4; font-weight:bold; height:32px; border:0; float:left; width:247px}
.search_topinfo td .btn{vertical-align:top}


table.board_01 td.search_thumb img{border:1px solid #ececec; width:83px; height:83px}
table.board_01 td.search_title {text-align:left; padding:0 10px}
table.board_01 td.search_title h3 a{color:#4d4d4d; font-size:12px}
table.board_01 td.search_title p a{color:#7a7a7a}
table.board_01 td.search_title p a:hover{font-weight:normal}